

html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,input,figure,figcaption{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:normal;}
ul,ol,li{list-style:none;}
b,strong{font-weight:normal;}
em,i{font-style:normal;}
a,u{text-decoration: none;}
img{border:0;display:block;}
input{outline:none;}
*{box-sizing:border-box;}


body,html{color: #333333;font-size: 12px;background: #F0F0F0}

/*topNav样式*/
.topNav_wrap{height: 30px;width: 100%;background: black}
.topNav{height: 30px;width: 1040px;margin: 0 auto; position: relative;}

.topNav a:hover{color: #FFFFFF}

.topNav_left{float: left;width: 260px;height: 30px;line-height: 30px}
.topNav_left ul{margin-left: -20px}
.topNav_left ul li{float: left;margin-left: 20px}
.topNav_left ul li a{color: #cccccc;}
.phone_img{z-index: 75;height: 120px;width: 120px;background: url("https://haitao.nos.netease.com/9c6b0d6c-4a71-4018-8fb6-46496f51caff.png")no-repeat center
;background-size: contain;position: absolute;    left: 160px;top: 44px;padding: 5px 5px;border: 1px solid #EEEEEE ;display: none}
.res_Phone:hover .phone_img{display: block}

.topNav_right{float: right;position: relative;right: -3px;}

.topNav_right ul li.dropmenu{float: left;margin-left: 6px;line-height: 30px;position: relative;height: 30px;}
.topNav_right ul li.dropmenu:hover .arr{transform:rotate(180deg);}

.mcDropMenuBox{position: relative;zoom: 1;padding: 0 24px 0 16px!important;color: #cccccc}

.arr{position: absolute;right: 7px;top: 50%;margin-top: -2px;width: 0;height: 0;font-size: 0;line-height: 0;border-color: #999 transparent transparent;border-style: solid dashed dashed;border-width: 4px 4px 0;transition: all 0.5s}
.mcDropMenu {position: absolute;left: 0px;top: 30px;border-top: 0;box-shadow: 0 1px 1px rgba(0,0,0,.12);padding: 4px 15px 12px 14px;background: #FFFFFF;display: none;z-index: 99}
.mcDropMenu a{display: block;word-wrap: normal;white-space: nowrap;height: 28px;line-height: 28px;color: #444444}
.dropmenu:hover .mcDropMenu{display: block}
.topNav_right ul li.dropmenu:hover{background: #FFFFFF;}
.topNav_right ul li.dropmenu a:hover{color: #E31436}


/*搜索样式*/

.docHead{width: 100%;height: 100px;background: #ffffff}
.docHead_wrap{width: 1040px;height: 100px;margin: 0 auto;position: relative}
.docHead_wrap .logokaola{position: absolute;left: 0;top: 20px;width: 330px;height: 65px;line-height: 65px;outline: none;cursor: pointer;
background: url("//haitao.nos.netease.com/70dee793-133d-4628-b374-b99e29aad157.png?imageView&thumbnail=210x0&quality=85&v=1")no-repeat}
.searchBox{position: absolute;left: 343px;top: 24px;}
.searchBox_top{ width: 510px;height: 40px;padding-left: 1px;background-color: #ff2337;border-radius: 40px;}
.wrap{float: left;margin: 2px 1px;padding: 6px 39px 6px 30px;background-color: #fff;border-radius: 24px 0 0 24px;}
.search_input input{width: 410px;height: 24px;line-height: 24px;border: 0;font-size: 13px;}
.search_leftImg{position: absolute;left: 10px;top: 12px;height: 14px;width: 14px;color: #cccccc;font-size: 16px}
.search_rightImg{width: 60px;height: 40px;background: #ff2337;border-radius: 40px;position: absolute;top: 0;right: 0;text-align: center;line-height: 40px;color: #FFFFFF;font-size: 22px!important;}

.searchBox_bottom{line-height: 22px;margin-top: 2px;width: 461px;height: 22px;}
.searchBox_bottom li{float: left;margin-left: 30px}
.searchBox_bottom li a{color: #999999}
.searchBox_bottom :nth-child(4) a{color: #E31436}
.searchBox_bottom li a:hover{text-decoration: underline}

.shop_car{display: block;position: absolute;right: 30px;top: 25px;width: 106px;height: 36px;background-color: #fff;line-height: 36px;font-size: 14px;text-align: center;border-radius: 36px;border: 2px solid #ff1e32;}
.shop_car i{height: 20px;width: 20px;color:#ff1e32 ;margin-right: 2px;margin-bottom: -5px;font-size: 22px}
.shop_car span{padding-left: 6px;display: inline-block;position: relative;top:-4px}
.shop_car:hover{background: pink;}


/*导航栏样式*/

.nav_wrap{width: 100%;background: #ffffff}
.nav{position: relative;height: 40px;line-height: 40px;width: 1040px;margin: 0 auto}
.nav_list{float: left;height: 40px;width: 164px;background: red;color: #fff;font-size: 14px;text-align: center;padding-left: 0;cursor: pointer;z-index: 100}
.toplevel{display: inline-block;height: 40px;line-height: 40px;width: 164px;text-align: left;border-bottom: 1px solid #ff5160;z-index: 100}
.toplevel em{display: inline-block;margin: 0 24px 0 15px;width: 15px;height: 12px;overflow: hidden;}
.toplevel em i{width: 15px;height: 0;border-top: 2px solid #ddd;display: block;margin-bottom: 3px;}


.navTab{float: left;padding-left: 25px;position: relative;height: 40px;}
.navTab li{float: left;padding: 0 20px;height: 40px;color: #333333;font-size: 15px;font-weight: 700;}
.navTab li:hover{color:red;cursor: pointer }


.itemList{display: none;z-index: 100;position: absolute;}
.itemList li{background: red;padding-left: 10px;width: 164px;cursor: pointer;text-align: left;padding-right: 3px;border-bottom: 1px solid #ff5160;z-index: 1000}
.itemList li .nav_img{width: 20px;height: 20px;vertical-align: middle;display: inline-block;}
.itemList li .t{height: 30px;width: 70px;line-height: 30px;display: inline-block;text-align: center;margin-left: 16px;color: #FFFFFF}
.itemList li .a{font-size: 16px;display: inline-block;margin-left: 12px;color: #FFFFFF}

.nav_list:hover .itemList{display: block}
.itemList li:hover .itemContent{display: block}
.itemList li:hover{background: #FFFFFF}
.itemList li:hover .a{color:#E31436 }
.itemList li:hover .t{color:#E31436 }
.itemList li:hover .nav_img{background:#E31436 }


.itemContent{position: absolute;z-index: 75;top: 0;left: 164px;width: 930px;overflow: hidden;height: 418px;background: #fff;border: 1px solid #ff1a33;border-width: 1px 1px 1px 0;text-align: left;color: #333; padding: 0 20px 20px 15px;display: none;}
.itemContent_left{height: 440px;width: 658px;float: left}
.lited{float: left;width: 50%;vertical-align: top;position: relative;}
.lited h4{    height: 34px;line-height: 34px;font-size: 14px;margin-top: 10px;font-weight: 700;border-bottom: 1px solid #cccccc;margin-left: 11px}
.litedList a{display: inline-block;height: 14px;line-height: 14px;padding: 0 10px;font-size: 13px;color: #666;}

.color1{color: #ff1a33!important;}
.litedList a:hover{color: #E31436}

.itemContent_right{float: right;width: 211px}
.imgList{height: 327px;width: 231px;padding: 9px 8px 0 15px;background: #f6f6f6;}
.imgList a{float: left}
.imgList a img{    width: 98px;height: 104px;border: 1px solid #eaeaea;margin: 0 3px 2px 0;}
.imgBottom img{width: 100%;height: 100%}

.f-cb::after {content: ".";clear: both;display: block;overflow: hidden;font-size: 0;height: 0;}
.f-cb {zoom: 1;}

/*banner样式*/
.banner{height: 400px;min-width: 1000px;position: relative;z-index:0;overflow: hidden}
.banner ul{position: relative;}

.banner ul li{position: absolute;overflow: hidden;opacity: 0;left: 50%;top: 0;margin: 0 0 0 -960px;width: 1920px}

.active{background: red!important;}
.banner ul li:nth-child(1){opacity: 1}
.aaa{display: none;height: 70px;width: 30px;margin-top: -35px;background: #333;color: #fff;filter: alpha(Opacity = 70);opacity: .7;text-align: center;line-height: 70px;font-size: 30px;position: absolute;top: 50%;z-index: 3;}
.banner .prev{left: 70px}
.banner .next{right: 70px}
.dot_wrap{width: 100%;position: absolute;bottom: 7px;height: 40px;text-align: center}
.dot_wrap span{display: inline-block;width: 120px;height: 30px;background: black;border-radius: 20px;opacity: 0.3;text-align: center;line-height: 30px;}
.dot_wrap span a{display: inline-block;height: 10px;width: 10px;border-radius: 50%;background: #FFFFFF;margin-left: 8px;opacity: 1!important;}


.youhui_wrap{width: 1000px;margin: 0 auto;height: 441px}
.youhui{height: 441px;width: 1000px;background-size: 100%; background: url("https://haitao.nos.netease.com/hPZzb6GZUvhQxVLQ5ldAm6i1RMSEg71000-6T18113017010_1000_441.jpg?imageView&thumbnail=1250x551&quality=95&type=webp")}

.bannerB_wrap{width: 1000px;margin: 0 auto;height: 213px}
.bannerB{width: 1000px;height: 213px;background-size: 100%;background: url("https://haitao.nosdn1.127.net/h8g549hhxiMsc1KrO2upsHPC46sMT1811081737_1000_213.png?imageView&thumbnail=1250x266&quality=95")}

.dijia_wrap{width: 1000px;margin: 0 auto;height: 331px}
.dijia{width: 1000px;height: 331px;background-size: 100%;background: url("https://haitao.nosdn1.127.net/L02w7Aa6TG4PlOgRLVuM2BfL_20181114170057T1811141704_1000_331.jpg?imageView&thumbnail=1250x414&quality=95&type=webp")}


.floorflag_wrap{width: 1000px;min-width: 960px;margin: 0 auto}
.floorTop{margin-top: 10px;padding: 0 5px;height: 60px;line-height: 60px;text-align: center;font-size: 28px;background: #E31436;color: #FFFFFF}


.floorContent ul{margin-left: -10px;box-sizing: border-box}
.floorContent ul li{margin-top: 10px;width: 19%;height: 284px;padding: 0 5px 5px;overflow: visible;position: relative;background: #FFFFFF;float: left; ;white-space: nowrap;margin-left: 10px;box-sizing: border-box;border: 1px solid #f0f0f0}
.goods-bd img{width: 100%}
.floorContent ul li h5{ max-height: 22px;line-height: 22px;margin: 3px 10px;color: #333;font-size: 14px;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.floorContent ul li h5 a{  color: inherit}
.floorContent ul li h6{    height: 20px;margin: 0 10px 5px;color: #666;font-size: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.m-priceitem{    height: 22px;overflow: hidden;white-space: normal;line-height: 22px;margin: 12px 5px 0;color: #E31436}
.m-priceitem .price{font-size: 20px;font-weight: 700;padding-left: 5px}
.m-priceitem .price .rmb{font-size: 12px;font-weight: 400;font-style: normal}
.m-priceitem .mktprice del{color: #999999}

.floorContent ul li h5 a:hover{text-decoration: underline}
.floorContent ul li:hover{border: 1px solid #E31436}
.floorContent ul li :hover h5{width: auto;overflow:visible}
.floorContent ul li :hover h5 a{display: inline-block}


.m-priceitem .goods-btn{  height: 22px;line-height: 22px;  display: block;padding: 0 10px;border-radius: 3px;background: #e31436;color: #fff;font-size: 12px;text-align: center;position: absolute;right: 15px;bottom: 19px}
.clearfix::after {content: ".";clear: both;display: block;overflow: hidden;font-size: 0;height: 0;}
.clearfix{zoom: 1}
.zhenpin_wrap{width: 1000px;height: 400px;margin: 0 auto;margin-top: 7px}
.zhenpin{width: 1000px;  background-size: 100%;height: 400px; background: url("https://haitao.nosdn1.127.net/PI9BJ9GdnXLn0809B5vGqkT18010171623_1000_400.jpg?imageView&thumbnail=1250x500&quality=95&type=webp")}

.footer{margin-top: 50px}
.footerBox{width: 100%;background: #FFFFFF}
.footerBox .box{width: 1000px;margin: 0 auto}
.btmlist{padding: 49px 0;border-bottom: 1px solid #eaeaea;}
.btmlist ul li{float: left;margin-left: 41px;width: 209px}
.btmlist ul li .btmIcon{width: 44px;height: 44px;border-radius: 50%;border: 2px solid #d6d6d6;text-align: center;line-height: 44px;font-size: 20px;font-weight: 700;display: inline-block;float: left;margin-right: 12px;}
.btmlist ul li .tit{display: block;line-height: 22px;font-weight:700;font-size: 16px}
.btmlist ul li .desc{font-size: 14px;display: block;line-height: 22px}

.guideList{padding: 45px 0 60px}

.guideList ul li.btn_none{width: 258px;padding-right: 40px;padding-left: 0;display: inline-block}
.guideList ul li{float: left;width: 110px;padding: 0 0 0 21px;height: 128px;}
.small_login{display: block;width: 220px;height: 43px;line-height: 45px;margin-bottom: 20px;outline: none;cursor: pointer;z-index: 9;background: url(//haitao.nos.netease.com/70dee793-133d-4628-b374-b99e29aad157.png?imageView&thumbnail=220x0&quality=85&v=1) no-repeat;}
.foucusUs{height: 32px}
.foucusUs span{display: inline-block;vertical-align: middle;}
.foucusUs a{display: inline-block;vertical-align: middle;}
.foucusUs a i{font-size: 26px;margin-left: 12px;}
.i1{color: #E31436}
.i2{color: lawngreen}
.i3{color: deepskyblue}
.guideList ul li dl dt{margin: -4px 0 10px;}
.guideList ul li dl dt em{font-size: 18px;font-weight: 400}
.guideList ul li dl dd a{color: #333;line-height: 25px}

.aboutUs{width: 100%;position: relative;padding: 20px 0;background: #333;line-height: 26px;text-align: center;}
.aboutUs_C{width: 1000px;margin: 0 auto}
.aboutUs_C a{color: #FFFFFF}

.right_tip{display: none;position: fixed;right: 100px;z-index: 200;width: 100px;top: 200px;}
.right_tip ul li{  color: #FFFFFF;  height: 25px;line-height: 25px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background-color:rgb(240, 48, 72);text-align: center;border-bottom: 1px solid rgba(0,0,0,.2)}

.right_tip ul li.TopPart{height: 33px;line-height: 33px}
.right_tip ul li.TopPart i{font-size: 18px}
.right_tip ul li.TopPart span{margin-left: 5px}
.right_tip ul li.BottomPart{height: 33px;line-height: 33px}
.active1{background: #E31436!important;}

